<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App',
  components: {},
  data() {
    return {
      pe: process.env,
      isDev: process.env.NODE_ENV === 'development',
    };
  },
  computed: {},
  methods: {},
  beforeCreate: function() {}, // 实例初始化之后，数据观测和事件绑定之前
  created: function() {
    this.$store.commit('setWinSize');
  }, // 实例初始化完成，挂载尚未开始时
  beforeMount: function() {}, // 挂载之前，rander函数首次被调用时，常用于加载身份数据和一些后台可配置的选项
  mounted: function() {}, //在实例挂载到DOM节点上之后
  beforeUpdate: function() {}, // 数据更新时，在虚拟DOM状态变化之前
  updated: function() {}, // 虚拟DOM被重新渲染之后
  beforeDestroy: function() {}, // 实例销毁之前，此时实例依然可用
  destroyed: function() {}, // 实例销毁后，此时实例及其子实例将完全解绑
};
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
}
</style>
